<template>


        <el-table ref="tableRef" :data="tableData" style="width: 100%;height: 100%;" tooltip-effect="dark" :height="tableHeight"
            :header-cell-style="tableHeaderCellStyle">
            <af-table-column prop="dateRange" label="统计时间" align="center" width="300"></af-table-column>
            <el-table-column prop="cityName" label="地市" align="center"></el-table-column>
            <el-table-column prop="p1" label="华为" align="center"></el-table-column>
            <el-table-column prop="p2" label="中兴" align="center"></el-table-column>
            <el-table-column prop="p3" label="诺基亚" align="center"></el-table-column>
        </el-table>


</template>

<script>
    export default {
        props:{
          tableData:{
              type:Array,
              default:()=>[]
          }
        },
        data() {

            return {
                tableData:[],

            }
        },
        methods:{
          tableHeaderCellStyle({
              row,
              column,
              rowIndex,
              columnIndex
          }) {
              let cellStyle1
              cellStyle1 = 'height:40px; '
              return cellStyle1
          },
        },

        mounted() {

        }
    }
</script>

<style>
</style>
